.prompt-title{
    line-height: 34px;
    color: #333;
    margin-bottom: 0;
    padding: 0 10px;
}
#onecetheme{
    border:none;
    border-radius: 0;
    margin-bottom: 0;
}
.mui-table-view-radio .mui-table-view-cell{
    padding: 0 0 0 58px;
}
.mui-radio.mui-left label{
    padding: 12px 0 10px 0;
}
.mui-table-view-cell:after{
    left:58px;
}
.mui-ellipsis{
    font-size: 12px;
    color: #cdcdcd;
    margin-top: 10px;
}
.next-wrap{
    padding: 15px 17px;
}
.next{
    width: 100%;
    background-color: #1abc9c;
    color: #fff;
    line-height: 35px;
    height: 35px;
    text-align: center;
    border-radius: 3px;
}
.onece-create-one,.onece-create-two{
    display: none;
}
.onece-create-one.on,.onece-create-two.on{
    display: block;
}
.topic_create_t1{
    color: #999;
    font-size: 18px;
    text-align: center;
    display: block;
    line-height: 40px;
}
.topic_create_t2 {
    color: #ff5a5a;
    text-align: center;
    display: block;
    font-size: 12px;
}
.iconfont-wrap{
    width: 50px;
    height: 50px;
    display: inline-block;
    padding: 10px;
    border: 1px solid #a5a5a5;
    background-color: #fff;
    border-radius: 50px;
    line-height: 30px;
    position: relative;
}
.iconfont-wrap .iconfont{
    font-size: 30px;
    color: #a5a5a5;
}
.mui-grid-view.mui-grid-9{
    background-color: #f4f4f4;
    border-top: none;
}
.mui-grid-view.mui-grid-9 .mui-table-view-cell{
    border: none;
}
.mui-media .mui-media-body{
    color: #5d5b5c;
}
.iconfont-wrap .mui-badge{
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    padding: 3px;
    background-color: #1abc9c;
}

.mui-badge{
    font-size: 10px;
}
.iconfont-wrap .mui-badge .iconfont{
    color: #fff;
    font-size: 10px;
}
.mui-table-view.mui-grid-view .mui-table-view-cell:after{
    display: none;
    width: 12px;
    height: 12px;
    transform: rotate(45deg);
    position: absolute;
    left: 46%;
    bottom: -10px;
    margin-left: -1px;
    background: #fff;
}
.mui-table-view .mui-media, .mui-table-view .mui-media-body{
    overflow: inherit;
}
.onece_create-detail{
    padding: 0 10px;
}
.detail-one,.detail-two,.detail-three{
    width: 100%;
    display: none;
}
.detail-two,.detail-three{
    background-color: #fff;
}
.detail-one>.title{
    background-color: #fff;
    line-height: 45px;
    font-size: 15px;
    color: #999;
    padding-left: 10px;
}
.detail-one .introduce{
    margin-top: 10px;
    background-color: #fff;
    padding: 10px;
}
.detail-one .introduce .title{
    font-size: 14px;
    color: #363636;
    height: 45px;
}
.detail-one .introduce .title span{
    line-height: 45px;
}
.detail-one-msg{
    font-size: 13px;
    color: #989898;
}
.mui-switch{
    float: right;
    margin-top: 7px;
}
.detail-two,.detail-three{
    padding: 15px 10px;
}
.detail-two .title,.detail-three .title{
    font-size: 14px;
}
.two-input-wrap input,.three-input-wrap input{
    margin-top: 15px;
    height: 35px;
    line-height: 35px;
    border-radius:35px;
    font-size: 13px;
    background-color: #fafafa;
}
.three-input-wrap input{
    width: 80%;
    margin-right: 10px;
}
.three-input-wrap span{
    font-size: 14px;
    color: #999;
}
.finish-wrap{
    margin-top: 17px;
}
.return,.finish{
    padding: 0 10px;
}
.return div,.finish div{
    width: 100%;
    height: 37px;
    line-height: 37px;
    text-align: center;
    border: 1px solid #1abc9c;
    border-radius: 3px;
}
.return div{
    color:#1abc9c;
}
.finish div{
    background-color: #1abc9c;
    color: #fff;
}
.active .iconfont-wrap{
    border-color: #1abc9c;
}
.mui-table-view.mui-grid-view .mui-table-view-cell.active:after{
    display: block;
}
.active .iconfont-wrap .mui-badge{
    display: block;
}
.active .iconfont-wrap .mui-badge .iconfont{
    color: #fff;
}
.active .iconfont-wrap .iconfont{
    color: #1abc9c;
}
.onece_create-detail>div.active{
    display: block;
}
